<!--
    反应性能力
    Svelete 的内核是一个强大的 （反应性）reactivity 系统，能够让 DOM 与你的应用程序状态保持同步，例如，事件响应。
    为了演示，我们首先需要添加一个事件处理器。将第 9 行替换为：
    <button on:click={handleClick}>
        在 handleClick 函数内部，我们需要做的只是改变 count 的值：
        function handleClick() {
        count += 1;
    }
        Svelte 其实是将此赋值语句替换为一些代码，这些代码将通知 Svelte 更新 DOM。
-->
<script>
    // function alertMsg() {
    //     alert('hello');
    // }
    const alertMsg = () => {
        alert('hello')
    }
</script>

<button on:click={() => {alert('hello')}}>alert msg01</button>
<button on:click={alertMsg}>alert msg02</button>
<button on:mouseover={alertMsg}>mouseover</button>
<button on:mouseout={alertMsg}>mouseout</button>
<button on:dblclick={alertMsg}>dblclick</button>
<button on:mouseenter={alertMsg}>mouseenter</button>
